<template>
<div id="app">
    <main class="main">
        <!--       <div class="page-loader">
          <div class="page-loader__spinner">
              <svg viewBox="25 25 50 50">
                  <circle cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" />
              </svg>
          </div>
      </div> -->
        <bar-header>
        </bar-header>
        <side-bar>
        </side-bar>
        <section class="content">
          <router-view></router-view>
          <my-footer></my-footer>
        </section>
    </main>
</div>
</template>

<script>
//导入组件
import header from './components/admin/Header.vue'
import sidebar from './components/admin/SideBar.vue'
import footer from './components/admin/Footer.vue'

export default {
  name: 'app',
  components: {
    'bar-header': header,
    'side-bar': sidebar,
    'my-footer': footer
  }
}
</script>

<style>
</style>
